<template>
    <div>
        <el-card class="mgb20" body-style="padding:0;" shadow="hover">
          <div slot="header" class="clearfix">
            <span class="title">{{title}}</span>
            <el-button class="backButton" @click="backRouter" v-if="returnFlag"><i class="el-icon-lx-back"></i> 返回</el-button>
          </div>
        </el-card>
    </div>
</template>

<script>
    export default {
        props:['title','returnFlag'],
        methods: {
            backRouter(){
                this.$router.go(-1);
            }
        }
    }

</script>


<style scoped>
    .title{
        margin-left: -17px;
        padding-left: 8px;
        border-left: 5px solid #1abc9c;
    }
    .backButton{
        float: right;
        margin-top: -6.5px;
    }
</style>
